<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>小米商城</title>
		<link  href="img"/>
		<link rel="stylesheet" type="text/css" href="css/xiaomi.css"/>
	</head>
	<body>
		<div id="box_1">
		</div>
		<div class="box">
			<a href="#" class="a1">小米商城  </a>
			<a href="#" class="aa">MIUI </a>
			<a href="#" class="aa">loT </a>
			<a href="#" class="aa">loT </a>
			<a href="#" class="aa">云服务</a>
			<a href="#" class="aa">金融 </a>
			<a href="#" class="aa">有品 </a>
			<a href="#" class="aa">小爱开放平台 </a>
			<a href="#" class="aa">政企服务 </a>
			<a href="#" class="aa">Select Region</a>
			</span>
			<span class="a2">
				<a href="#" class="aaa">登陆</a>
				<a href="#" class="aaa">注册</a>
				<a href="#" class="aaa">消息通知</a>
				<a class="aaa" href="#"><img src="img/17.png" class="img_1">购物车(1)</a
			</span>
		</div >
		<div class="box2">
				<img class="img_2" src="img/mi-logo.png" >
				<div >
					<a href="#" class="ab"><span class="a7">小米手机</span></a>
					<a href="#" class="a8"><span >红米</span></a>
					<a href="#" class="a8"><span >电视</span></a>
					<a href="#" class="a8"><span >笔记本</span></a>
					<a href="#" class="a8"><span >空调</span></a>
					<a href="#" class="a8"><span >新品</span></a>
					<a href="#" class="a8"><span >路由器</span></a>
					<a href="#" class="a8"><span >智能硬件</span></a>
					<a href="#" class="a8"><span >服务</span></a>
					<a href="#" class="a8"><span >社区</span></a>
				</div>
				<input type="text" placeholder="小米8  小米MIX 2S"  class="input_1"/>
				<input type="submit"  class="input_2"/>
		</div>
		<div class="dier">
			<div class="container">
				<ul class="aab">
					<li>手机 电话卡</li>
					<li>电视 盒子</li>
					<li>笔记本 平板</li>
					<li>家电 插线板</li>
					<li>出行 穿戴</li>
					<li>智能 路由器</li>
					<li>电源 配件</li>
					<li>健康 儿童</li>
					<li>耳机 音响</li>
					<li>生活 箱包 </li>
				</ul>
				<img  class="tupian" src="https://i1.mifile.cn/a4/xmad_15381012113444_GNrio.jpg">
			</div>
		</div>
			<div id="big_box3">
				<div id="big_box4">
				<a class="fuwu1" href="#"><img  class="fuwu" src="img/111.jpg"></a> 
				<a class="fuwu1" href="#"><img class="fuwu" src="img/222.jpg" ></a> 
				<a class="fuwu1" href="#"><img  class="fuwu" src="img/333.jpg"> </a> 
				<a class="fuwu1" href="#"><img class="fuwu"  src="img/444.jpg" ></a> 
				<a class="fuwu1" href="#"><img class="fuwu"  src="img/555.jpg"> </a> 
				<a class="fuwu1" href="#"><img class="fuwu"  src="img/666.jpg"> </a>
				</div>
				<a href="#"><img class="a9" src="img/xmad_15381015124677_QcEGp.jpg" style="height: 169px;width=314px" ></a>
				<a href="#"><img class="a10" src="img/xmad_15350224111785_ASnBL.jpg" style="height: 169px;width=314px" ></a>
				<a href="#"><img class="a11" src="img/xmad_15310599190922_ILJZe.jpg" style="height: 169px;width=314px"></a>
		</div>
	</body>
</html>
